<!-- Main content -->
<section class="content" ng-controller="HotelUserCtrl as vm">
    <div class="row">
        <img src="img/banner.jpg" alt="" class="img-responsive">
        <div class="box box-default">
            <div class="box-body">
                <div ng-show="$state.includes('home.training') || $state.includes('home.hr') || $state.includes('home.report')" class="row margin"><p class="pull-right">Report Month: {{vm.month | monthName}} </p></div>
                <div ng-show="$state.includes('home.training') || $state.includes('home.hr') || $state.includes('home.report')" class="row">
                    <div class="col-sm-4"><a class="btn btn-default btn-block btn-lg" ng-class="{'btn-warning': $state.includes('home.hr')}" ui-sref="home.hr.main">HR</a></div>
                    <div class="col-sm-4"><a class="btn btn-default btn-lg btn-block" ng-class="{'btn-warning': $state.includes('home.training')}" ui-sref="home.training.main">Training</a></div>
                    <div class="col-sm-4">
                        <a class="btn btn-default btn-lg btn-block" ng-class="{'btn-warning': $state.includes('home.report')}" ui-sref="home.report.main">Dashboard & Report</a>
                        
                    </div>
                </div>
                <div ng-show="$state.includes('home.preopen')">
                    <div class="col-sm-4"><a class="btn btn-default btn-block btn-lg" ng-class="{'btn-warning': $state.includes('home.preopen.main')}" ui-sref="home.preopen.main">HR & Training Pre-opening Activities</a></div>
                    <div class="col-sm-4"><a class="btn btn-default btn-lg btn-block" ng-class="{'btn-warning': $state.includes('home.preopen.recruit')}" ui-sref="home.preopen.recruit">Recruitment Status</a></div>
                    <div class="col-sm-4">
                        <a class="btn btn-default btn-lg btn-block" ng-class="{'btn-warning': $state.includes('home.preopen.target')}" ui-sref="home.preopen.target">Training Target Review</a>
                        
                    </div>
                </div>
                <div ng-show="$state.includes('home.training') || $state.includes('home.hr') || $state.includes('home.report')" class="row margin">
                    <div class="col-md-12">
                        <p class="text-warning">Progress - {{vm.progressNo |percentage}}</p>
                        <div class="progress progress-xs progress-striped active">
                            <div class="progress-bar progress-bar-danger" ng-style="vm.progressNoStyle"></div>
                        </div>
                    </div>
                </div>
                <div ng-show="$state.includes('home.hr')">
                    <div class="row">
                        <div class="col-md-12">
                            <a class="btn btn-default custom-menu" ui-sref="home.hr.main" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.people}">GC People Planning</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.hr.recruitment" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.recruitment}">Recruitment</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.hr.turnover" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.turnovered}">Turnover</a>
                            <a class="btn btn-default custom-menu " ui-sref="home.hr.staffing" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.staffing}">Staffing</a>
                            
                            <a class="btn btn-default custom-menu" ui-sref="home.hr.pathway" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.pathway}">Career Pathways</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.hr.recognition" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.recognition}">Recognition</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.hr.directory" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.directory}">Directory</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.hr.feedback" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.feedback}">Feedback</a>
                        </div>
                    </div>
                </div>
                <div ng-show="$state.includes('home.training')">
                    <div class="row">
                        <div class="col-md-12">
                            <a class="btn btn-default custom-menu" ui-sref="home.training.main" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.external}">Support Center <br/>Training  Program</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.training.employee" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.employee}">Hotel Employee <br/>Training</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.training.manager" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.manager}">Hotel Management <br/>Training Programs</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.training.depart" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.depart}">Department Training <br/>& Development</a>

                            <a class="btn btn-default custom-menu" ui-sref="home.training.cross" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.cross}">Cross/Exposure <br/>Training</a>
                            <a class="btn btn-default custom-menu " ui-sref="home.training.other" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.other}">Other Training <br/>& Development Activities</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.training.budget" ui-sref-active="btn-warning" ng-class="{'btn-success': vm.progress.budget}">Training Budget & Hotel <br/>Staff Avg. Training Hour Status</a>
                            <!-- <a class="btn btn-default custom-menu" ui-sref="home.training.tbd" ui-sref-active="btn-warning">TBD</a> -->
                        </div>
                        
                    </div>
                   
                </div>
                <div ng-show="$state.includes('home.report')">
                    <div class="row">
                        <div class="col-md-12">
                            <a class="btn btn-default custom-menu" ui-sref="home.report.main" ui-sref-active="btn-warning">Dashboard</a>
                            <a class="btn btn-default custom-menu" ui-sref="home.report.report" ui-sref-active="btn-warning">Export Report</a>
                            
                            <!-- <a class="btn btn-default" ui-sref="home.training.tbd" ui-sref-active="btn-warning">TBD</a> -->
                        </div>
                        
                    </div>
                   
                </div>
            </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->
        <div ui-view>
        </div>
    </div>
    </div>
</section>
<!-- /.content -->
